<!DOCTYPE html>
<html class="loading" lang="en" data-textdirection="ltr">
  <!-- BEGIN: Head-->
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
    <meta name="description" content="Materialize is a Material Design Admin Template,It's modern, responsive and based on Material Design by Google.">
    <meta name="keywords" content="materialize, admin template, dashboard template, flat admin template, responsive admin template, eCommerce dashboard, analytic dashboard">
    <meta name="author" content="ThemeSelect">
    <title>生态圈系统-权益管理</title>
    <link rel="apple-touch-icon" href="../../../app-assets/images/favicon/apple-touch-icon-152x152.png">
    <link rel="shortcut icon" type="image/x-icon" href="../../../app-assets/images/favicon/favicon-32x32.png">
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <!-- BEGIN: VENDOR CSS-->
    <link rel="stylesheet" type="text/css" href="../../../app-assets/vendors/vendors.min.css">
    <link rel="stylesheet" type="text/css" href="../../../app-assets/vendors/flag-icon/css/flag-icon.min.css">
    <link rel="stylesheet" type="text/css" href="../../../app-assets/vendors/data-tables/css/jquery.dataTables.min.css">
    <link rel="stylesheet" type="text/css" href="../../../app-assets/vendors/data-tables/extensions/responsive/css/responsive.dataTables.min.css">
    <link rel="stylesheet" type="text/css" href="../../../app-assets/vendors/data-tables/css/select.dataTables.min.css">
    <!-- END: VENDOR CSS-->
    <!-- BEGIN: Page Level CSS-->
    <link rel="stylesheet" type="text/css" href="../../../app-assets/css/themes/vertical-gradient-menu-template/materialize.css">
    <link rel="stylesheet" type="text/css" href="../../../app-assets/css/themes/vertical-gradient-menu-template/style.css">
    <link rel="stylesheet" type="text/css" href="../../../app-assets/css/pages/data-tables.css">
    <!-- END: Page Level CSS-->
    <!-- BEGIN: Custom CSS-->
    <link rel="stylesheet" type="text/css" href="../../../app-assets/css/custom/custom.css">
    <!-- END: Custom CSS-->
  </head>
  <!-- END: Head-->
  <body class="vertical-layout page-header-light vertical-menu-collapsible vertical-gradient-menu 2-columns  " data-open="click" data-menu="vertical-gradient-menu" data-col="2-columns">

    <!-- BEGIN: Header-->
    <header class="page-topbar" id="header">
      <div class="navbar navbar-fixed"> 
        <nav class="navbar-main navbar-color nav-collapsible sideNav-lock navbar-light">
          <div class="nav-wrapper">
            <div class="header-search-wrapper hide-on-med-and-down hide"><i class="material-icons">search</i>
              <input class="header-search-input z-depth-2" type="text" name="Search" placeholder="Explore Materialize">
            </div>
            <ul class="navbar-list right">
              <li class="hide-on-med-and-down"><a class="waves-effect waves-block waves-light toggle-fullscreen" href="javascript:void(0);"><i class="material-icons">settings_overscan</i></a></li>
              <li class="hide-on-large-only"><a class="waves-effect waves-block waves-light search-button" href="javascript:void(0);"><i class="material-icons">search</i></a></li>
              <li><a class="waves-effect waves-block waves-light profile-button" href="javascript:void(0);" data-target="profile-dropdown">admin</a></li>
            </ul>
            <!-- profile-dropdown-->
            <ul class="dropdown-content" id="profile-dropdown">
              <li><a class="grey-text text-darken-1 modal-trigger" href="#modal3"><i class="material-icons"></i> 修改密码</a></li>
              <li><a class="grey-text text-darken-1" th:href="@{/admin/logout}"><i class="material-icons"></i> 退出登录</a></li>
            </ul>
          </div>
          <nav class="display-none search-sm">
            <div class="nav-wrapper">
              <form>
                <div class="input-field">
                  <input class="search-box-sm" type="search" required="">
                  <label class="label-icon" for="search"><i class="material-icons search-sm-icon">search</i></label><i class="material-icons search-sm-close">close</i>
                </div>
              </form>
            </div>
          </nav>
        </nav>
      </div>
    </header>
    <!-- END: Header-->



    <!-- BEGIN: SideNav-->
    <aside class="sidenav-main nav-expanded nav-lock nav-collapsible sidenav-light gradient-45deg-deep-purple-blue sidenav-gradient sidenav-active-square">
      <div class="brand-sidebar">
        <h1 class="logo-wrapper"><a class="brand-logo darken-1" href="index.html"><img src="../../../app-assets/images/logo/materialize-logo.png" alt="materialize logo"/><span class="logo-text hide-on-med-and-down">生态圈系统</span></a><a class="navbar-toggler" href="#"><i class="material-icons">radio_button_checked</i></a></h1>
      </div>
      <ul class="sidenav sidenav-collapsible leftside-navigation collapsible sidenav-fixed menu-shadow" id="slide-out" data-menu="menu-navigation" data-collapsible="menu-accordion">
        <li sec:authorize="isAuthenticated()" id="customer-menu" class="active bold"><a href="customer.html" th:href="@{/admin/customers}" class="active waves-effect waves-cyan gradient-shadow gradient-45deg-indigo-blue" style="display: block; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; box-shadow: none;"><i class="material-icons">person</i><span class="menu-title" data-i18n="">信托客户管理</span></a></li>
        <li sec:authorize="isAuthenticated()" class="bold">
          <a class="collapsible-header waves-effect waves-cyan " href="#"><i class="material-icons">chrome_reader_mode</i><span class="menu-title" data-i18n="">企业</span></a>
          <div class="collapsible-body">
            <ul class="collapsible collapsible-sub" data-collapsible="accordion">
              <li id="company-menu"><a href="company.html" th:href="@{/admin/companies}" class="collapsible-body" data-i18n=""><i class="material-icons">chrome_reader_mode</i><span>企业列表</span></a></li>
              <li id="company-category-menu"><a href="company-category.html" th:href="@{/admin/company/categories}" class="collapsible-body"><i class="material-icons">class</i><span>企业类型</span></a></li>
            </ul>
          </div>
        </li>
        <li sec:authorize="isAuthenticated()" id="activity-menu" class="bold"><a href="activity.html" th:href="@{/admin/activities}" class="waves-effect waves-cyan"><i class="material-icons">star</i><span class="menu-title" data-i18n="">权益管理</span></a></li>
        <li sec:authorize="isAuthenticated()" class="bold">
          <a class="collapsible-header waves-effect waves-cyan " href="#"><i class="material-icons">local_activity</i><span class="menu-title" data-i18n="">优惠券</span></a>
          <div class="collapsible-body">
            <ul class="collapsible collapsible-sub" data-collapsible="accordion">
              <li id="coupon-pool-menu"><a href="coupon_pool.html" th:href="@{/admin/coupons/pools}" class="collapsible-body" data-i18n=""><i class="material-icons">info_outline</i><span>优惠券池</span></a></li>
              <li id="coupon-obtainment-menu"><a href="coupon_obtainment.html" th:href="@{/admin/coupons/obtainments}" class="waves-effect"><i class="material-icons">info_outline</i><span>已领取优惠券</span></a></li>
              <li id="coupon-used-menu"><a href="coupon_used.html" th:href="@{/admin/coupons/useds}" class="collapsible-body" data-i18n=""><i class="material-icons">info_outline</i><span>已使用优惠券</span></a></li>
              <li id="coupon-allocate-by-customer-level-menu"><a href="coupon_allocate_by_customer_level.html" th:href="@{/admin/coupons/allocate/customerLevel}" class="collapsible-body" data-i18n=""><i class="material-icons">info_outline</i><span>按客户等级发放</span></a></li>
              <li id="coupon-allocate-by-customer-menu"><a href="coupon_allocate_by_customer.html" th:href="@{/admin/coupons/allocate/customer}" class="collapsible-body" data-i18n=""><i class="material-icons">info_outline</i><span>按客户发放</span></a></li>
            </ul>
          </div>
        </li>
        <li sec:authorize="isAuthenticated()" id="statement-menu" class="bold"><a href="statement.html" th:href="@{/admin/statements}" class="waves-effect waves-cyan"><i class="material-icons">local_atm</i><span class="menu-title" data-i18n="">对账</span></a></li>
        <li sec:authorize="isAuthenticated()" id="settlement-menu" class="bold"><a href="settlement.html" th:href="@{/admin/settlements}" class="waves-effect waves-cyan"><i class="material-icons">attach_money</i><span class="menu-title" data-i18n="">费用结算</span></a></li>
        <li sec:authorize="isAuthenticated()" id="user-menu" class="bold"><a href="user.html" th:href="@{/admin/users}" class="waves-effect waves-cyan"><i class="material-icons">supervisor_account</i><span class="menu-title" data-i18n="">帐号管理</span></a></li>
        <li sec:authorize="isAuthenticated()" id="system-log-menu" class="bold"><a href="system_log.html" th:href="@{/admin/logs}" class="waves-effect waves-cyan"><i class="material-icons">event_note</i><span class="menu-title" data-i18n="">操作日志</span></a></li>
        <li sec:authorize="isAuthenticated()" id="invoice-menu" class="bold"><a href="invoice.html" th:href="@{/admin/invoice}" class="waves-effect waves-cyan"><i class="material-icons">attach_file</i><span class="menu-title" data-i18n="">开票信息管理</span></a></li>
        
      </ul>
      <div class="navigation-background"></div><a class="sidenav-trigger btn-sidenav-toggle btn-floating btn-medium waves-effect waves-light hide-on-large-only" href="#" data-target="slide-out"><i class="material-icons">menu</i></a>
    </aside>
    <!-- END: SideNav-->

    <!-- BEGIN: Page Main-->
    <div id="main">
      <div class="row">
        <div class="pt-3 pb-1" id="breadcrumbs-wrapper">
          <!-- Search for small screen-->
          <div class="container">
            <div class="row">
              <div class="col s12 m6 l6">
                <h5 class="breadcrumbs-title mt-0 mb-0">权益管理</h5>
              </div>
              <div class="col s12 m6 l6 right-align-md hide">
                <ol class="breadcrumbs mb-0">
                  <li class="breadcrumb-item"><a href="index.html">Home</a>
                  </li>
                  <li class="breadcrumb-item"><a href="#">Pages</a>
                  </li>
                  <li class="breadcrumb-item active">Blank Page
                  </li>
                </ol>
              </div>
            </div>
          </div>
        </div>
        <div class="col s12">
          <div class="container">
            <div class="section section-data-tables">
              <div class="row">
                <div class="col s12 m12 l12">
                  <div id="button-trigger" class="card card card-default scrollspy">
                    <div class="card-content">
                      <div class="row">
                        <div class="col s12">
                          <form id="search">
                            <div class="row" style="margin-bottom: 0;">
                              <div class="input-field col s4">
                                <input type="text" name="title" id="title_s" th:value="${search.title}" placeholder="请输入名称">
                                <label for="title_s">名称</label>
                              </div>
                              <div class="input-field col s4">
                                <select name="companyId">
                                  <option value="" selected>全部</option>
                                  <option th:each="c : ${companies}" th:value="${c.id}"  th:text="${c.name}" th:selected="${c.id} == ${search.company.id}">企业1</option>
                                </select>
                                <label for="title_s">所属企业</label>
                              </div>
                              <div class="input-field col s1">
                                <a th:href="'javascript:search();'" class="waves-effect waves-light btn-floating search-btn"><i class="material-icons right">search</i></a>
                              </div>
                              <div class="col s2">
                                <div style="position: relative; height: 70px;">
                                </div>
                              </div>
                              <div class="input-field col s1">
                                <a class="waves-effect waves-light btn-floating right modal-trigger" href="#modal2"><i class="large material-icons">add</i></a>
                              </div>
                            </div>
                          </form>
                        </div>
                        <div class="col s12">
                          <table id="data-table-simple" class="display">
                            <thead>
                              <tr>
                                <th>Name</th>
                                <th>Position</th>
                                <th>Office</th>
                                <th>Age</th>
                                <th>Start date</th>
                                <th>Salary</th>
                              </tr>
                            </thead>
                            <tbody>
                              <tr>
                                <td>Tiger Nixon</td>
                                <td>System Architect</td>
                                <td>Edinburgh</td>
                                <td>61</td>
                                <td>2011/04/25</td>
                                <td>$320,800</td>
                              </tr>
                              <tr>
                                <td>Garrett Winters</td>
                                <td>Accountant</td>
                                <td>Tokyo</td>
                                <td>63</td>
                                <td>2011/07/25</td>
                                <td>$170,750</td>
                              </tr>
                              <tr>
                                <td>Ashton Cox</td>
                                <td>Junior Technical Author</td>
                                <td>San Francisco</td>
                                <td>66</td>
                                <td>2009/01/12</td>
                                <td>$86,000</td>
                              </tr>
                              <tr>
                                <td>Cedric Kelly</td>
                                <td>Senior Javascript Developer</td>
                                <td>Edinburgh</td>
                                <td>22</td>
                                <td>2012/03/29</td>
                                <td>$433,060</td>
                              </tr>
                              
                            </tbody>
                            <tfoot>
                              <tr>
                                <th>Name</th>
                                <th>Position</th>
                                <th>Office</th>
                                <th>Age</th>
                                <th>Start date</th>
                                <th>Salary</th>
                              </tr>
                            </tfoot>
                          </table>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- END: Page Main-->

    <!-- BEGIN: Footer-->

    <footer class="page-footer footer footer-static footer-light navbar-border navbar-shadow">
      <div class="footer-copyright">
        <div class="container"><span>&copy; 2019          <a href="http://themeforest.net/user/pixinvent/portfolio?ref=pixinvent" target="_blank">PIXINVENT</a> All rights reserved.</span><span class="right hide-on-small-only">Design and Developed by <a href="https://pixinvent.com/">PIXINVENT</a></span></div>
      </div>
    </footer>

    <!-- END: Footer-->
    <!-- BEGIN VENDOR JS-->
    <script src="../../../app-assets/js/vendors.min.js" type="text/javascript"></script>
    <!-- BEGIN VENDOR JS-->
    <!-- BEGIN PAGE VENDOR JS-->
    <script src="../../../app-assets/vendors/data-tables/js/jquery.dataTables.min.js" type="text/javascript"></script>
    <script src="../../../app-assets/vendors/data-tables/extensions/responsive/js/dataTables.responsive.min.js" type="text/javascript"></script>
    <script src="../../../app-assets/vendors/data-tables/js/dataTables.select.min.js" type="text/javascript"></script>
    <!-- END PAGE VENDOR JS-->
    <!-- BEGIN THEME  JS-->
    <script src="../../../app-assets/js/plugins.js" type="text/javascript"></script>
    <script src="../../../app-assets/js/custom/custom-script.js" type="text/javascript"></script>
    <!-- END THEME  JS-->
    <!-- BEGIN PAGE LEVEL JS-->
    <script src="../../../app-assets/js/scripts/data-tables.js" type="text/javascript"></script>
    <!-- END PAGE LEVEL JS-->
  </body>
</html>